﻿ <!DOCTYPE html>
 <html lang="en">
 <head>
 	<meta charset="UTF-8">
 	<title>首页</title>
 	<link rel="stylesheet" href="css/taolijie.css">
     <script src="js/jquery-1.11.1.min.js"></script>
     <script src="js/SecondJS.js"></script>
     <link href="css/Sencondslider.css" rel="stylesheet" type="text/css">
     <style type="text/css">
    /* 主导航模块 */

       </style>
 </head>

 <body>

 	<div class="container">
         <div id="topbar">
             <div class="center">
                 <div class="bar_left"></div>
                 <div class="bar_right">
                     <div id="login">
                         <a href="#">登陆</a>
                         <span class="gap">|</span>
                         <a href="#">注册</a>
                         <span class="gap">|</span>
                     </div>
                     <div id="tao_menu">我的桃李街</div>
                 </div>
             </div>
         </div>
         <div id="top">
             <div class="center">
                 <div id="logo" class="float"><img src="images/logo.jpg" border="0"></div>
                 <form action="" method="get">
                     <div class="float search"><input type="text" maxlength="20" placeholder="家教、美食、二手电动车"></div>
                     <div class="float"><input type="submit" class="sub_button" name="" value="搜索" /></div>
                 </form>

                 <div class="float publish"><a href="#"><img src="images/publish.jpg" alt="发布信息" border="0"></a></div>
             </div>
         </div>
         <div id="nav">
             <div class="center">
                 <ul>
                     <li><a href="#">首页</a></li>
                     <li><a href="#">跳蚤市场</a></li>
                     <li><a href="#">兼职招聘</a></li>
                     <li><a href="#">廉享特惠</a></li>
                     <li><a href="#">校园生活</a></li>
                     <li><a href="#">创业跳板</a></li>
                     <li><a href="#">官方微信</a></li>
                     <li><a href="#">关于我们</a></li>
                     <li><a href="#">联系我们</a></li>
                 </ul>
             </div>
         </div>
         <div id="taotaotao">
                 <div class="tao_logo center"></div>
             </div>           
        </div>

 		<div style="width:980px;margin-left: auto;margin-right: auto;height:420px;">
             <div style="width:150px;float:left;">
                <table>
                     <tr>
                        <td style="width:145px;height:40px;background-color:#e71919;">
                            <span style="font-size: 16px;padding-left:10px;color:white;">热门推荐</span>
                        </td>
                    </tr>
                     <tr>
        <td>
            	<div class="side_small tag_line float_l">
			<div class="mainProNav">
				<dl class="navM1">
					<dd>
                        <div style="border:1px solid;width:100px; height:20px;float:left"><a href="#">家具</a></div>
                        <div><a href="#">家具</a></div>
					</dd>
					<dt>家教</dt>
				</dl>
				<dl class="navM1">
					<dd>
					</dd>
					<dt>礼仪</dt>
				</dl>
				<dl class="navM3">
					<dd>
					</dd>
					<dt>促销</dt>
				</dl>
				<dl class="navM4">
					<dd>
						
					</dd>
					<dt>设计</dt>
				</dl>
				<dl class="navM5">
					<dd>
			
					</dd>
					<dt>临时工</dt>
				</dl>
				<dl class="navM6">
					<dd>
						
					</dd>
					<dt>服务员</dt>
				</dl>
                <dl class="navM7">
					<dd>
						
					</dd>
					<dt>网站建设</dt>
				</dl>
                <dl class="navM7">
					<dd>
					</dd>
					<dt>其他兼职</dt>
				</dl>
			</div><!-- mainProNav end -->
		</div>
        </td>
    </tr>

                </table>
             </div >
             <div style="width:560px;float:left;height:395px;margin-left:5px;">
                 <div style="width:551px;height:262px;margin-left:5px;margin-top:2px;">
                     <div class="slider_box" id="slider_name">
	                        <ul class="silder_con">		
		                        <li class="silder_panel"><a href="#" class="f_l"><img src="images/second/banner_bg.jpg" /></a></li>
		                        <li class="silder_panel"><a href="#" class="f_l"><img src="images/second/banner-04.jpg" /></a></li>
		                        <li class="silder_panel"><a href="#" class="f_l"><img src="images/second/banner-01.jpg"  /></a></li>
		                        <li class="silder_panel"><a href="#" class="f_l"><img src="images/second/banner-02.jpg" /></a></li>
		                        <li class="silder_panel"><a href="#" class="f_l"><img src="images/second/banner-03.jpg" /></a></li>
	                        </ul>
	                        <ul class="silder_nav">            
		                        <li><a href="#">pic1</a></li>    
		                        <li><a href="#">pic2</a></li>    
		                        <li><a href="#">pic3</a></li>    
		                        <li><a href="#">pic4</a></li>    
		                        <li><a href="#">pic5</a></li>    
	                        </ul>
                        </div>
                 </div>
                 <div style="width:551px;height:132px;margin-left:5px;margin:5px;">
                     <table style="border:1px solid #c5c5c5;padding:6px;padding-left:20px;width:552px;">
                         <tr style="height:38px;text-align:center">
                             <td>111111111111111</td>
                             <td>222222222222222</td>
                         </tr>
                         <tr style="height:38px;text-align:center">
                             <td>111111111111111</td>
                             <td>222222222222222</td>
                         </tr>
                         <tr style="height:38px;text-align:center">
                             <td>111111111111111</td>
                             <td>222222222222222</td>
                         </tr>
                     </table>
                 </div>
             </div>
             <div style="margin-left:13px;float:left;">
                 <table style="width:215px;height:97px;border:0;margin-left:10px;padding:0;">
                      <tr style="height:45px;background-color:#e71919;">
                         <td style="text-align:center;color:white;">
                             <span>免费注册</span>
                         </td>
                     </tr>
                      <tr style="height:45px;background-color:#e71919;">
                         <td style="text-align:center;color:white;">
                             <span>用户登入</span>
                         </td>
                     </tr>
                 </table>
                 <table style="width:215px;height:308px;border:1px solid #c5c5c5;margin-left:10px;padding:0;">
                     <tr style="height:195px; padding:3px;">
                         <td>0</td>
                     </tr>
                     <tr style="height:45px; padding:3px;">
                         <td>1</td>
                     </tr>
                     <tr style="height:45px; padding:3px;">
                         <td>2</td>
                     </tr>
                 </table>
             </div>
 		</div>
        <div style="width:980px;margin-left: auto;margin-right: auto;height:500px;margin-top:20px;">
         下面的部分
        </div>
 		<div id="footer">
 			<div class="center">
 					<br/>
 					<p>COPYRIGHT&copy;2014-2018</p>
 					<p>山东理工大学--桃李街工作室版权所属</p>
 			</div>
 		</div>
 	</div>

 	
 	
 </body>
 </html>